.loginPage {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: auto;
  background: url('../../../assets/images/login_bg.jpg') no-repeat;
  background-size: 100% 100%;

  :global {
    .form-container {
      position: absolute;
      right: 5%;
      top: 15%;
      width: 340px;
      height: 460px;
      padding: 30px 20px 20px;
      opacity: 0.9;
      border-radius: 30px;
      background: #333;

      .logo {
        text-align: center;
        padding-bottom: 10px;
        color: #fff;
      }

      .ant-tabs {

        >.ant-tabs-nav::before,
        >.ant-tabs-nav::before,
        >div>.ant-tabs-nav::before,
        >div>.ant-tabs-nav::before {
          border-bottom: 1px solid #096dd9;
        }

        .ant-tabs-nav-list {
          transform: translate(50%) !important;

          .ant-tabs-tab {
            color: #096dd9;
          }

          .ant-tabs-tab:hover {
            color: white;
          }

          .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
            color: white;
          }

          .ant-tabs-ink-bar {
            background: white;
          }
        }
      }

      .ant-form {
        margin-top: 15px;

        .ant-form-item {
          font-size: 14px !important;

          .ant-input {
            font-size: 14px !important;
          }
        }

        .ant-input-affix-wrapper,
        .ant-select-selector {
          font-size: 14px !important;
          padding: 4px 11px !important;
        }

        .ant-btn {
          padding: 4px 15px;
          height: 32px;
          width: 100%;
          font-size: 14px;
        }
      }

      .qrcode {
        text-align: center;
      }
    }
  }
}
